<template>
    <div class='login-phone'>
            <div class='input'>
                <input type="tel" pattern="[0-9]*" placeholder="请输入手机号码" id="mobile" name="mobile" class="normalInput">
            </div>
            <div class="quickLoginHmtl input">
                <input type="tel" class="code-txt normalInput fl" id="code" placeholder="请输入验证码" name="code">
                <i style="display: none;" class="reg-close fl" id="reg-code-close"><img src="//jp.juancdn.com/jpwebapp_v1/images_v1/user/x.png?2dc3a154-1&amp;sv=449ce9ee"></i>
                <a class="btn_get get-code disable-code" id="code_btn" href="javascript:;">获取验证码</a>
            </div>
        </div>

</template>

<style lang="stylus">

    .input
        border-bottom 1px solid #ebebeb
        color #999
        input
            width 100%
            border 0
            height .96rem
            font-size .28rem
            outline none
    .quickLoginHmtl
        position relative
        .btn_get 
            position absolute
            top 0
            right 0
            height .96rem
            line-height .96rem
            font-size .28rem
            color #999
</style>